<header class="navbar navbar-inner navbar-fixed-top">
    <nav class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#/">
                <img src="../img/people.png" alt="logo">
                <span class="appTitle">Customer Management</span>
            </a>
        </div>
        <div class="nav-container" data-collapse="isCollapsed">

            <!-- With menu-highlighter directive -->
            <ul class="nav navbar-nav nav-pills navBarPadding"
                menu-highlighter highlight-class-name="active">
                <li><a ui-sref="index">Index</a></li>
                <li><a ui-sref="customer">Customers</a></li>
                <li><a ui-sref="order">Orders</a></li>
                <li><a ui-sref="about">About</a></li>
                <li id="nav-login">
                    <a ui-sref="login">Login</a>
                </li>
            </ul>

        </div>
    </nav>
</header>